<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
  <head>
    <title>RegisterEvent</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/estilo.css">
    <script type="text/javascript" src="js/javascript.js"></script>

  </head>
 
  <body>

    <div class="cabecera">
      <h1 align="center">FESTIVAL REGISTRATION SYSTEM</h1>
    </div>

    <div id="login-overlay" class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header">
              <h4 class="modal-title" id="myModalLabel">Enter event information</h4>
          </div>
          <div class="modal-body">
              
              <form id="loginForm" name="myForm" method="POST" action="RegisterEventServlet" onSubmit="return checkMe()">
                    <div class="form-group">
                         <label for="eventname" class="control-label">Event name</label>
                          <input type="text" class="form-control" id="eventname" name="eventname" value="" required="" maxlength="45" placeholder="Please enter event name">
                          <span class="help-block"></span>
                    </div>

                    <div class="form-group">
                         <label for="eventdescription" class="control-label">Event description</label>
                          <input type="text" class="form-control" id="eventdescription" name="eventdescription" value="" required="" maxlength="45" placeholder="Please enter event description">
                          <span class="help-block"></span>
                    </div>
					

                    <div class="form-group">
                         <label for="Duration" class="control-label">Duration</label><p>From
                          <input type="text" class="form-control" id="date1" name="date1" value="" required="" maxlengt="45" title="Please enter the date in the format required" placeholder="dd/mm/yyyy"> 
                          <input type="text" class="form-control" id="duration1" name="duration1" value="" required="" maxlength="45" title="Please enter the duration in the format required" placeholder="00:00" pattern="[0-9]{2}:[0-9]{2}">To
                          <input type="text" class="form-control" id="duration2" name="duration2" value="" required="" maxlength="45" title="Please enter the duration in the format required" placeholder="00:00" pattern="[0-9]{2}:[0-9]{2}">
                          <span class="help-block"></span></p>
                    </div>

                    <div class="form-group">
                          <label for="eventype" class="control-label">Event type</label>
                          <input type="text" class="form-control" id="eventype" name="eventype" value="" required="" maxlengt="45" placeholder="Please enter type event">
                          <span class="help-block"></span>
                      </div>

                      <div class="form-group">
                          <label for="availabletickets" class="control-label">Available tickets</label>
                          <input type="text" class="form-control" id="availabletickets" name="availabletickets" value="" required="" placeholder="Please enter available tickets" min="0">
                          <span class="help-block"></span>
                      </div>

          			<div class="form-group">
                         <label for="typeplace" class="control-label">Type place</label>
                         <c:set var="i">0</c:set>
                         <td><select id="places" name="places">
								<c:forEach var="places" items="${placeMap}">
									<option value="${places.key}">${places.key}: ${places.value}</option>
								</c:forEach>
							</select></td>
                    </div>
                    
                        <div id="loginErrorMsg" class="alert alert-error hide">Wrong username og password</div>
                        <button type="submit" class="btn btn-success btn-block">Add New Event</button>
                              
                </form>
          </div>
      </div>
    </div>

    <div class="imgdiv">
      <img class="img">
    </div>

  </body>
</html>